<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page isELIgnored ="false" %> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c" %>
<%
    response.setHeader("Cache-Control", "no-store"); //HTTP 1.1    
    response.setHeader("Pragma", "no-cache"); //HTTP 1.0    
    response.setDateHeader("Expires", 0); //prevents caching at the proxy server    
%>
<!DOCTYPE html>
<html>
    <head>
        <title>未知来源请求</title>
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        <link rel="stylesheet" href="${applicationScope.webApp.root}/css/jquery.mobile.min.css" />
        <script src="${applicationScope.webApp.root}/js/json2.js"></script>
        <script src="${applicationScope.webApp.root}/js/jquery.min.js"></script>
        <script src="${applicationScope.webApp.root}/js/jquery.mobile.min.js"></script> 
    </head>
    <body id="body"> 
        <div data-role="page" id="page1" data-fullscreen="true"> 
            <div data-role="header" data-position="fixed">
                <h1 id="title">选择店铺或输入店铺代码：</h1>
            </div>
            <div data-role="content"> 
                <div class="content-primary" style="text-align: center">	
                    <form action="${applicationScope.webApp.root}/user" method="POST">
                        <div>店铺代码：<input type="text" name="storeId" value=""/><button type="submit" data-theme="a" data-inline="true">Submit</button></div> 
                    </form>
                </div><!--/content-primary --> 

                <ul data-role="listview" data-inset="true" data-split-icon="gear" data-split-theme="d" id="cai"> 
                    <li data-role="list-divider">选择店铺进入</li>
                    <c:forEach items="${requestScope.menuList}" var="item">
                        <li menuId="${item.id}">
                            <img style="position:absolute; top: 4px; left: 5px;" src="${applicationScope.webApp.root}/images/${item.id}/${item.smallPortrait}" />
                            <h3>${item.title}</h3> 
                            <p><strong>${item.name}</strong></p> 
                            <p>${item.store.address}</p>
                            <div style="position:absolute; top: 20px; right: 10px;">
                                    <a href="${applicationScope.webApp.root}/clientCourse?command=courseList&menuId=${item.id}" data-role="button">开始点菜</a>
                            </div>
                        </li> 
                    </c:forEach>          
                </ul>
            </div><!-- /content --> 
            <%pageContext.include("footer.jsp");%>
        </div><!-- /page -->
    </body>
</html>
